<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/crazyRobbery.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2867324_es5fawymnpa.css">
</head>
<body>
    <!-- 顶部 -->
    <div class="top">
        <img src="https://h2.appsimg.com/b.appsimg.com/upload/mst/2021/10/19/26/23eb0f1b941f3b228a5d1c9d96e929e6.jpg!75.webp" alt="">
    </div>
    <!-- 主体 -->
    <div class="container">
        <div class="container-title">
            <div class="today active">
                <span>今日上新
                    <i></i>
                </span>
            </div>
            <div class="tomorrow">
                <span>明日预告
                    <i></i>
                </span>
            </div>
        </div>
        <div class="todayList" style="display: block;">
            <div class="lowPrice">
                <img src="https://h2.appsimg.com/b.appsimg.com/upload/momin/2021/10/20/147/1634695786686_750x480_90.png!75.webp" alt="">
                <ul>
                    <li>
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2021/08/26/168/7b66e656-f861-4c64-8877-b5ba2269aebf_166x166_90.jpg!75.webp" alt="">
                        <div>¥120</div>
                    </li>
                    <li>
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/107880/2021/0908/41/7dfb5dc7-dea5-43c1-ac8f-f002f58c9002_166x166_90.jpg!75.webp" alt="">
                        <div>¥196</div>
                    </li>
                    <li>
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2021/09/27/163/d4f1ac48-8d9c-4598-b749-5dcbb4e8b1e7_166x166_90.jpg!75.webp" alt="">
                        <div>¥127</div>
                    </li>
                    <li>
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2021/09/19/72/4db743db-4f59-4334-83ee-783a02a9f52e_166x166_90.jpg!75.webp" alt="">
                        <div>¥131</div>
                    </li>
                </ul>
            </div>
            <div class="newProducts">
                <div class="newTitle">
                    <span class="titleIcon"></span>
                    <span class="titleText">每日早十上新</span>
                    <span class="titleIcon"></span>
                </div>
                <div class="newContainer">
                    <div class="newList">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/19/120/ias_2fa5d633f3dd1db5dddeafaaed4413b3.jpg!75.webp" alt="">
                        <ul>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/630346/2021/0925/32/6ed2baff-2c72-42d8-beef-862655497c16_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>54</span>
                                    <span class="triangle">2.1折</span>
                                    <span>259</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥5</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/630346/2021/0904/68/b895c3db-3dfc-4941-8a4b-6675631d3bb5_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>77</span>
                                    <span class="triangle">2.6折</span>
                                    <span>299</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥5</span>
                                    <span class="green">本周上新</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/630346/2021/0823/5/dfe5ee6d-4485-454e-b66a-508acb07caf1_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>29</span>
                                    <span class="triangle">2.1折</span>
                                    <span>139</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥5</span>
                                </p>
                            </li>
                        </ul>
                    </div>
                    <div class="newList">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/19/116/ias_78fee1c544a6bb8dbac66797a869852b.jpg!75.webp" alt="">
                        <ul>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/104218/2021/0825/120/d5b2f5f9-a198-4a37-b299-675d8c05592d_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>58</span>
                                    <span class="triangle">2.1折</span>
                                    <span>279</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥15</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/104218/2020/0528/174/4370018f-4fb1-415b-b2e4-f57d6222bb08_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>54</span>
                                    <span class="triangle">1.9折</span>
                                    <span>289</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥10</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/104218/2020/1014/103/2235ec2e-3da7-4168-b77a-c90b0d3a53da_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>38</span>
                                    <span class="triangle">1.8折</span>
                                    <span>219</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥5</span>
                                </p>
                            </li>
                        </ul>
                    </div>
                    <div class="newList">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/20/184/ias_3a99edcbe4c9fc6b3ec0b86b6bfeefdd.jpg!75.webp" alt="">
                        <ul>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/618741/2021/0913/80/af276339-4d06-47e9-a456-d33b72b6b513_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>479</span>
                                    <span class="triangle">1.8折</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvop/00115128/10010028/882779180-588922633721425920-588922633721430019-1_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>289</span>
                                    <span class="triangle">1.7折</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥245</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/610264/2021/1014/158/aa2efb17-e10d-47bf-9c86-54eab41a62d8_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>175</span>
                                    <span class="triangle">2.2折</span>
                                    <span>819</span>
                                </p>
                            </li>
                        </ul>
                    </div>
                    <div class="newList">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/19/120/ias_2fa5d633f3dd1db5dddeafaaed4413b3.jpg!75.webp" alt="">
                        <ul>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/630346/2021/0925/32/6ed2baff-2c72-42d8-beef-862655497c16_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>54</span>
                                    <span class="triangle">2.1折</span>
                                    <span>259</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥5</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/630346/2021/0904/68/b895c3db-3dfc-4941-8a4b-6675631d3bb5_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>77</span>
                                    <span class="triangle">2.6折</span>
                                    <span>299</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥5</span>
                                    <span class="green">本周上新</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/630346/2021/0823/5/dfe5ee6d-4485-454e-b66a-508acb07caf1_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>29</span>
                                    <span class="triangle">2.1折</span>
                                    <span>139</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥5</span>
                                </p>
                            </li>
                        </ul>
                    </div>
                    <div class="newList">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/15/87/ias_de476c8d016ee0e5f4fee6d5142d9d5f.jpg!75.webp" alt="">
                        <ul>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2021/09/23/7/52cb3087-52a2-4530-9f60-baffb1b353cb_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>266</span>
                                    <span class="triangle">2.4折</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥35</span>
                                    <span class="green">本月上新</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2021/10/18/131/6d71e859-94c1-4704-8e33-2522a9be4d22_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>211</span>
                                    <span class="triangle">2.5折</span>
                                    <span>849</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥25</span>
                                    <span class="green">刚刚上新</span>
                                </p>
                            </li>
                            <li>
                                <img src="https://h2.appsimg.com/a.appsimg.com/upload/merchandise/pdcvis/2020/12/07/52/10962aea-68ed-4491-8ec6-68ed4c5c7035_228x288_85.jpg!75.webp" alt="">
                                <p class="money">
                                    <i class="iconfont icon-qianqian-"></i>
                                    <span>121</span>
                                    <span class="triangle">1.6折</span>
                                    <span>799</span>
                                </p>
                                <p class="discount">
                                    <span class="red">券¥20</span>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="tomorrowList">
            <div class="notice">
                <div class="noticeLlist">
                    <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/21/75/ias_6cc214f85af4bb83b6de394dec8c1666_1070x430_85.jpg!75.webp" alt="">
                    <div class="noticeLogo">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/5d9eb407a352413eade5d344695aa078/10000351/white_270x135_85.png!75.webp" alt="">
                        <div class="noticeDiscount">3折封顶</div>
                    </div>     
                    <div class="noticeTimeBtn">
                        <div class="date">今日</div>
                        <div class="times">
                            <div class="time">10</div>
                            <div class="point">:</div>
                            <div class="time">00</div>
                            <div class="date">开售</div>
                        </div>
                        <div class="btn">点击进入</div>
                    </div>
                </div>
                <div class="noticeLlist">
                    <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/20/59/ias_97c327e1131338f873c7e62d18858089_1070x430_85.jpg!75.webp" alt="">
                    <div class="noticeLogo">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/6bfd276c5f8647658e26aa21d1b1418a/10004686/white_270x135_85.png!75.webp" alt="">
                        <div class="noticeDiscount">3折封顶</div>
                    </div>     
                    <div class="noticeTimeBtn">
                        <div class="date">今日</div>
                        <div class="times">
                            <div class="time">10</div>
                            <div class="point">:</div>
                            <div class="time">00</div>
                            <div class="date">开售</div>
                        </div>
                        <div class="btn">点击进入</div>
                    </div>
                </div>
                <div class="noticeLlist">
                    <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/19/182/ias_fd0e7b9dc5b06aec8fec61fdf8fb5ab8_1070x430_85.jpg!75.webp" alt="">
                    <div class="noticeLogo">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/ba58668ce17a41babe77ed58b0de81b8/10012320/white_270x135_85.png!75.webp" alt="">
                        <div class="noticeDiscount">3折封顶</div>
                    </div>     
                    <div class="noticeTimeBtn">
                        <div class="date">今日</div>
                        <div class="times">
                            <div class="time">10</div>
                            <div class="point">:</div>
                            <div class="time">00</div>
                            <div class="date">开售</div>
                        </div>
                        <div class="btn">点击进入</div>
                    </div>
                </div>
                <div class="noticeLlist">
                    <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/19/122/ias_5d647e561825b5a93ac15046e15457f4_1070x430_85.jpg!75.webp" alt="">
                    <div class="noticeLogo">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/3ec3ff4317d64375b8988458198f7e5b/10000838/white_270x135_85.png!75.webp" alt="">
                        <div class="noticeDiscount">3折封顶</div>
                    </div>     
                    <div class="noticeTimeBtn">
                        <div class="date">今日</div>
                        <div class="times">
                            <div class="time">10</div>
                            <div class="point">:</div>
                            <div class="time">00</div>
                            <div class="date">开售</div>
                        </div>
                        <div class="btn">点击进入</div>
                    </div>
                </div>
                <div class="noticeLlist">
                    <img src="https://h2.appsimg.com/a.appsimg.com/upload/brand/upcb/2021/10/21/99/ias_2db4d49d766476a91b94961dc63dffe9_1070x430_85.jpg!75.webp" alt="">
                    <div class="noticeLogo">
                        <img src="https://h2.appsimg.com/a.appsimg.com/upload/brandcool/0/aed09f62424a4b938c8764cf227a6750/10015060/white_270x135_85.png!75.webp" alt="">
                        <div class="noticeDiscount">3折封顶</div>
                    </div>     
                    <div class="noticeTimeBtn">
                        <div class="date">今日</div>
                        <div class="times">
                            <div class="time">10</div>
                            <div class="point">:</div>
                            <div class="time">00</div>
                            <div class="date">开售</div>
                        </div>
                        <div class="btn">点击进入</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script>
    // 在iphone6 375宽度中  html是以20px作为基本单位
    (function () {
        function w() {
            var all = document.documentElement;  // 获取html元素
            var test = all.getBoundingClientRect().width;  // 获取当前设备的宽度、
            console.log(123, test)
            if (test > 750) {
                test = 750;
            }
            rem = test / 18.75;
            console.log(rem)
            all.style.fontSize = rem + 'px'
        }
        w();
        window.addEventListener("resize", function () {
            w()
        }, false)
    })();

</script>
</html>